<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script src="file/jquery.min.js"></script>
		<div class="myLove">
			<div class="tittleFrist">可爱的婉怡bb里面请</div>
			<div class="tittlSecond">点击其他任意地方可进入新世界大门</div>
		</div>
		<script>
			$(document).bind("click", function(e) {
				top.location = 'index1.html';
			})
		</script>
	</body>
	<style>
		body {
			width: 100%;
			height: 100%;
			background: #ffe;
			font-family: monospace;
			cursor: pointer;
			color: pink;
		}

		.myLove {
			width: 100%;
			height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

		.tittleFrist {
			font-size: 80px;
			margin-bottom: 50px;
			animation: scaleBtn 2s infinite ease-in-out;
			font-weight: bold;
		}

		.tittlSecond {
			font-size: 50px;
			animation: scaleBtn 2s infinite ease-in-out;
		}

		@keyframes scaleBtn {
			0% {
				transform: scale(1);
				opacity: 1;
			}

			50% {
				transform: scale(1.1);
			}

			100% {
				transform: scale(1);
				opacity: 1;
			}
		}
	</style>
</html>
